<style type="text/css">
    .sm-st {
        background: #fff;
        padding: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    }

    .sm-st-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .sm-st-info {
        font-size: 12px;
        padding-top: 2px;
    }

    .sm-st-info span {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .orange {
        background: #fa8564 !important;
    }

    .tar {
        background: #45cf95 !important;
    }

    .sm-st .green {
        background: #86ba41 !important;
    }

    .pink {
        background: #AC75F0 !important;
    }

    .yellow-b {
        background: #fdd752 !important;
    }

    .stat-elem {

        background-color: #fff;
        padding: 18px;
        border-radius: 40px;

    }

    .stat-info {
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        margin-top: -5px;
        padding: 8px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        font-style: italic;
    }

    .stat-icon {
        text-align: center;
        margin-bottom: 5px;
    }

    .st-red {
        background-color: #F05050;
    }

    .st-green {
        background-color: #27C24C;
    }

    .st-violet {
        background-color: #7266ba;
    }

    .st-blue {
        background-color: #23b7e5;
    }

    .stats .stat-icon {
        color: #28bb9c;
        display: inline-block;
        font-size: 26px;
        text-align: center;
        vertical-align: middle;
        width: 50px;
        float: left;
    }

    .stat {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .stat .value {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

    .stat .name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stat.lg .value {
        font-size: 26px;
        line-height: 28px;
    }

    .stat.lg .name {
        font-size: 16px;
    }

    .stat-col .progress {
        height: 2px;
    }

    .stat-col .progress-bar {
        line-height: 2px;
        height: 2px;
    }

    .item {
        padding: 30px 0;
    }



    #statistics .panel {
        min-height: 150px;
    }

    #statistics .panel h5 {
        font-size: 13px;
    }


    .div li{
        float: left;
        padding: 0 1rem;
        cursor: pointer;
        list-style: none;
        font-size: 13px;
        font-weight: 500;
    }
    .show{
        background: #0D9AE4;
        color: #fff;
    }
    .group :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }

    .show_member{
        background: #0D9AE4;
        color: #fff;
    }
    .member :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }

    .show_time{
        background: #0D9AE4;
        color: #fff;
    }
    .time :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }
    .show_module{
        background: #0D9AE4;
        color: #fff;
    }
    .module :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }
    .span{
        font-weight: 600;
        font-size: 15px;
    }
    .div{
        display: inline-block;
        margin-left: 3px;
        vertical-align: middle;
    }
    .admin_num{
        display: inline-block;
        color: blueviolet;
        margin-left: 15px;
        cursor: pointer;
    }
    .head{
        text-align: center;
        padding-top: 1px
    }
    .head a{

        cursor: pointer;
        color: white;
    }
    .head a:hover{
        color: greenyellow;
    }
    .week{
        margin-left: 10px;
    }
    .month{
        margin-left: 10px;
    }
    .show_rank{
        color: greenyellow!important;
    }
    .body{
        text-align: center;margin-top: 2px;
    }
    .body>div{
        width: 100%;
    }
    .body p{
        display: inline-block;
        width: 45%
    }
    .parent{
        height: 370px;
        overflow: auto;
    }
    .title{
        font-weight: 600;color: black!important;
    }
    .single{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    #single_read_rank p{
        display: inline-block;
        width: 31% !important;
        vertical-align: top;
    }
    #three p{
        margin: 0;
        font-weight: 600;
        font-size: 14px;
    }
    #three .box{
        border: 1px solid #EDEDED;
        width: 15%;
        margin-left: 1%;
        /*height: 150px;*/
        height: 150px;
        display: inline-block;
        vertical-align: bottom;
        /*text-align: center;*/
    }
    #three .box>div{
        padding: 5%;
    }
    #three .color{
        color: #6E6E6E;
    }
    #three .three{
        height: 40px
    }
    #three .three>div{
        height: 40px
    }
    #three .line{
        display: inline-block;
        text-align: center;
        height: 65%!important;
        width: 1px;
        border-left: solid 1px #EEEEEE
    }
    #three .day_num{
        display: inline-block;
        text-align: center;
        margin-left: 5%;
        width: 40%
    }
   #three .total{
        color: black;
        font-size: 31px;
        font-weight: 800;
        /*height: 30%;*/
    }
    .m_total{
        margin-top: 15%;
        margin-bottom: 15%;
       /*width: 100%;*/
       /* height: 20%;*/
        /*height: 30%;*/
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null, false)}
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">{:__('Dashboard')}</a></li>
            {if $auth1 >0}<li class="two"><a href="#two" data-toggle="tab">{:__('工作台')}</a></li>{/if}
            {if $auth2 >0} <li class="three"><a href="#three" data-toggle="tab">{:__('仪表盘')}</a></li>{/if}
            <li class="four"><a href="#four" data-toggle="tab">{:__('Business')}</a></li>
            <li class="five"><a href="#five" data-toggle="tab">{:__('User')}</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="row">
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-red"><i class="fa fa-users"></i></span>
                            <div class="sm-st-info">
                                <span>{$totaluser}</span>
                                {:__('总用户数')}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-violet"><i class="fa fa-book"></i></span>
                            <div class="sm-st-info">
                                <span>{$totalviews}</span>
                                {:__('总文章数')}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-blue"><i class="fa fa-shopping-bag"></i></span>
                            <div class="sm-st-info">
                                <span>{$totalorder}</span>
                                {:__('Total order')}
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6">
                        <div class="sm-st clearfix">
                            <span class="sm-st-icon st-green"><i class="fa fa-cny"></i></span>
                            <div class="sm-st-info">
                                <span>{$totalorderamount}</span>
                                {:__('Total order amount')}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-8">
                        <div id="echart" class="btn-refresh" style="height:200px;width:100%;"></div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card sameheight-item stats">
                            <div class="card-block">
                                <div class="row row-sm stats-container">
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-rocket"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$todayusersignup}</div>
                                            <div class="name"> {:__('Today user signup')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 30%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-shopping-cart"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$todayuserlogin}</div>
                                            <div class="name"> {:__('Today user login')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-line-chart"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$todayorder}</div>
                                            <div class="name"> {:__('Today order')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-users"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$unsettleorder}</div>
                                            <div class="name"> {:__('Unsettle order')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6  stat-col">
                                        <div class="stat-icon"><i class="fa fa-list-alt"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$sevendnu}</div>
                                            <div class="name"> {:__('七日新增用户')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6 stat-col">
                                        <div class="stat-icon"><i class="fa fa-dollar"></i></div>
                                        <div class="stat">
                                            <div class="value"> {$sevendau}</div>
                                            <div class="name"> {:__('七日活跃用户')}</div>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-success" style="width: 25%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:15px;" id="statistics">

                    <div class="col-lg-12">
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-blue-gradient no-border">
                            <div class="parent">
                                    <div class="head">
                                        <h3>文章排行数</h3>
                                        <div>
                                            <a href="javascript:;" type="1" data-type="1" class="change day show_rank">日</a>
                                            <a href="javascript:;" type="1" data-type="2" class="change week">周</a>
                                            <a href="javascript:;" type="1" data-type="3" class="change month">月</a>
                                        </div>
                                    </div>
                                    <div class="body" id="archives_rank">
                                        <div>
                                            <p class="title">编辑</p>
                                            <p class="title">文章数</p>
                                        </div>
                                        {volist name='archives_rank' id='vo'}
                                        <div>
                                            <p>{$vo.nickname}</p>
                                            <p>{$vo.num}</p>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-aqua-gradient no-border">
                            <div class="parent">
                                <div class="head">
                                    <h3>单篇阅读数排行</h3>
                                    <div>
                                        <a href="javascript:;" type="2" data-type="1" class="change day show_rank">日</a>
                                        <a href="javascript:;" type="2" data-type="2" class="change week">周</a>
                                        <a href="javascript:;" type="2" data-type="3" class="change month">月</a>
                                    </div>
                                </div>
                                <div class="body" id="single_read_rank">
                                    <div>
                                        <p class="title">标题</p>
                                        <p class="title" >编辑</p>
                                        <p class="title">阅读量</p>
                                    </div>
                                    {volist name='single_read_rank' id='vo'}
                                    <div>
                                        <p class="single"><a style="color: white!important;" target="_blank" href="http://admin.gkzzd.cn/cms/a/{$vo.id}.html">{$vo.title}</a></p>
                                        <p>{$vo.nickname}</p>
                                        <p>{$vo.views}</p>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-purple-gradient no-border">
                            <div class="parent">
                                <div class="head">
                                    <h3>阅读总数排行</h3>
                                    <div>
                                        <a href="javascript:;" type="3" data-type="1" class="change day show_rank">日</a>
                                        <a href="javascript:;" type="3" data-type="2" class="change week">周</a>
                                        <a href="javascript:;" type="3" data-type="3" class="change month">月</a>
                                    </div>
                                </div>
                                <div class="body" id="read_rank">
                                    <div>
                                        <p class="title">编辑</p>
                                        <p class="title">阅读数</p>
                                    </div>
                                    {volist name='read_rank' id='vo'}
                                    <div>
                                        <p>{$vo.nickname}</p>
                                        <p>{$vo.num}</p>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-md-3">
                        <div class="panel bg-green-gradient no-border">
                            <div class="parent">
                                <div class="head">
                                    <h3>用户数排行</h3>
                                    <div>
                                        <a href="javascript:;" type="4" data-type="1" class="change day show_rank">日</a>
                                        <a href="javascript:;" type="4" data-type="2" class="change week">周</a>
                                        <a href="javascript:;" type="4" data-type="3" class="change month">月</a>
                                    </div>
                                </div>
                                <div class="body" id="user_rank">
                                    <div>
                                        <p class="title">省份</p>
                                        <p class="title">用户数</p>
                                    </div>
                                    {volist name='user_rank' id='vo'}
                                    <div>
                                        <p>{$vo.user_province}</p>
                                        <p>{$vo.num}</p>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {if $auth1 >0}
            <div class="tab-pane fade two" id="two">
                <div class="row">
                    <div class="col-xs-12">
                        <h3>工作台</h3>
                        <div style="margin-top: 18px">
                            <span class="span">部门</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" id="first">
                                    {volist name='groupList' id='vo'}
                                    <a class="group"  href="javascript:;" cid="{$vo.id}"><li class="{if $vo.id eq 32}show{/if}">{$vo.name}</li></a>
                                    {/volist}
                                </ul>
                            </div>
                        </div>

                        <div style="margin-top: 18px">
                            <span class="span">人员</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" id="member">
                                    <a class="member"  href="javascript:;" cid="9999"><li class="">全部</li></a>
                                    {volist name='member1' id='vo' key='k'}
                                    <a class="member"  href="javascript:;" cid="{$vo.id}"><li class="{if $k eq 1}show_member{/if}">{$vo.nickname}</li></a>
                                    {/volist}
                                </ul>
                            </div>
                        </div>

                        <div style="margin-top: 18px">
                            <span class="span">模块</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" >
                                    <a class="module"  href="javascript:;" cid="6"><li class="">全部</li></a>
                                    <a class="module"  href="javascript:;" cid="1"><li class="show_module">查升学</li></a>
                                    <a class="module"  href="javascript:;" cid="2"><li class="">查大学</li></a>
                                    <a class="module"  href="javascript:;" cid="3"><li class="">查专业</li></a>
                                    <a class="module"  href="javascript:;" cid="4"><li class="">查数据</li></a>
                                    <a class="module"  href="javascript:;" cid="5"><li class="">查试卷</li></a>
                                </ul>
                            </div>
                        </div>
                        <div style="margin-top: 18px">
                            <span class="span">时间</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" >
                                    <a class="time"  href="javascript:;" cid="1"><li class="show_time">今日</li></a>
                                    <a class="time"  href="javascript:;" cid="2"><li class="">昨日</li></a>
                                    <a class="time"  href="javascript:;" cid="3"><li class="">最近7天</li></a>
                                    <a class="time"  href="javascript:;" cid="4"><li class="">最近30天</li></a>
                                </ul>
                            </div>
                        </div>
                        <div style="margin-top: 18px">
                            <span class="span">当前搜索条件:</span>
                            <div style="margin-left: 6px;display: inline-block;font-size: 14px;font-weight: 600" id="condition"></div>
                        </div>
<!--                        <div id="toolbar" class="toolbar" >-->
<!--                            <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>-->
<!--                        </div>-->
                        {if $auth1 > 0}
                        <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                               data-operate-edit=""
                               data-operate-del=""
                               width="100%">
                        </table>
                        {/if}
                    </div>
                </div>
            </div>
            {/if}
            {if $auth2 >0}
            <div class="tab-pane fade three" id="three">
                <div class="row">
                    <div class="col-xs-12">
                        <div>
                            <div>
                                <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                                    <div class="row">
                                        <div class="form-group" style="display: inline-block;width: 30%">
                                            <label  class="control-label col-xs-6 col-sm-6">省份:</label>
                                            <div class="col-xs-6 col-sm-6">
                                                <select id="p_province" data-rule='required' class="form-control selectpicker" >
                                                    <option value="999">全部</option>
                                                    {volist name='province' id='vo'}
                                                    <option value="{$vo.id}">{$vo.name}</option>
                                                    {/volist}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group" style="display: inline-block;width:40%">
                                            <label class="control-label col-xs-3 col-sm-3 col-md-3">日期:</label>
                                            <div class="col-xs-3 col-sm-3 col-md-6">
                                                <div class='input-group date'>
                                                    <input type='text' id="p_time"  data-date-format="YYYY/MM/DD" data-date-min-date="2022/01/21" data-date-max-date="{:date('Y/m/d')}" value="{:date('Y/m/d')}" class="form-control datetimepicker"/>
                                                    <span class="input-group-addon">
                                                    <span class="fa fa-calendar"></span>
                                                </span>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="form-group layer-footer" style="display: inline-block">
                                            <label class="control-label col-xs-12 col-sm-2"></label>
                                            <div class="col-xs-12 col-sm-8">
                                                <button type="button" id="btn_search"  class="btn btn-success btn-embossed "><i class="fa fa-check"></i> 搜索</button>
                                            </div>
                                        </div>
                                        <div>
                                            <a href="javascript:;" class="detail btn btn-primary " title="数据明细表"><i class="fa fa-exchange"></i>数据明细表</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div id="big_box" style="margin-top: 5px">
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>免费会员量</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <p class="total">{$free_total}</p>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">今日新增</p>
                                                <p>{$free_today}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[0]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
<!--                                <div class="box">-->
<!--                                    <div>-->
<!--                                        <div>-->
<!--                                            <p>五查会员学生版量</p>-->
<!--                                            <span>{:date('Y/m/d')}</span>-->
<!--                                        </div>-->
<!--                                        <p class="total">{$student_total}</p>-->
<!--                                        <div class="three">-->
<!--                                            <div class="day_num">-->
<!--                                                <p class="color">今日新增</p>-->
<!--                                                <p>{$student_today}</p>-->
<!--                                            </div>-->
<!--                                            <div class="line"></div>-->
<!--                                            <div  class="day_num" >-->
<!--                                                <p class="color">昨日新增</p>-->
<!--                                                <p>{$yesterday_data[1]['num']|default='0'}</p>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>五查会员量</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <p class="total">{$parents_total}</p>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">今日新增</p>
                                                <p>{$parents_today}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[2]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="box">
                                    <div>
                                        <div>
                                            <p>免费会员登录人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[3]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[3]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>过期会员登录人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[4]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[4]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>五查会员登录人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[5]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[5]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="box">
                                    <div>
                                        <div>
                                            <p>访问人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[6]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[6]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>注册人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[7]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[7]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>领取会员数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[8]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[8]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="box">
                                    <div>
                                        <div>
                                            <p>会员购买人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[9]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[9]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>免费会员购买五查人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[10]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[10]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>过期会员购买五查人数</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">昨日新增</p>
                                                <p>{$yesterday_data[11]['num']|default='0'}</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">前日新增</p>
                                                <p>{$before_data[11]['num']|default='0'}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="box">
                                    <div>
                                        <div>
                                            <p>7日留存</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">{$yesterday_data[12]['num']|default='0'}</p>
                                                <p>{$yesterday_data[12]['num']/$yesterday_data[13]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">{$before_data[12]['num']|default='0'}</p>
                                                <p>{$before_data[12]['num']/$before_data[13]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>11日留存</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">{$yesterday_data[14]['num']|default='0'}</p>
                                                <p>{$yesterday_data[14]['num']/$yesterday_data[15]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">{$before_data[14]['num']|default='0'}</p>
                                                <p>{$before_data[14]['num']/$before_data[15]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>11日付费率</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">{$yesterday_data[16]['num']|default='0'}</p>
                                                <p>{$yesterday_data[16]['num']/$yesterday_data[15]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">{$before_data[16]['num']|default='0'}</p>
                                                <p>{$before_data[16]['num']/$before_data[15]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div>
                                        <div>
                                            <p>付费计划取消率</p>
                                            <span>{:date('Y/m/d')}</span>
                                        </div>
                                        <div class="m_total"></div>
                                        <div class="three">
                                            <div class="day_num">
                                                <p class="color">{$yesterday_data[17]['num']-$yesterday_data[18]['num']}</p>
                                                <p>{$f_nums-$yesterday_data[18]['num']/ $yesterday_data[17]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                            <div class="line"></div>
                                            <div  class="day_num" >
                                                <p class="color">{$before_data[17]['num']-$before_data[18]['num']}</p>
                                                <p>{$f_nums-$before_data[18]['num']/ $before_data[17]['num']*100|round=2|default='0'}%</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>

                            </div>
                        </div>
                        <div>
                            <table id="table3" class="table table-striped table-bordered table-hover table-nowrap"
                                   data-operate-edit=""
                                   data-operate-del=""
                                   width="100%">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            {/if}
            <div class="tab-pane fade four" id="four">
                <div class="row">
                    <div class="panel panel-default panel-intro">
                        <div class="panel-body">
                            <div class="widget-body no-padding">
                                <table id="table4" class="table table-striped table-bordered table-hover table-nowrap"
                                       width="100%">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade five" id="five">
                <div class="row">
                    <div class="panel panel-default panel-intro">
                        <div class="panel-body">
                            <div class="widget-body no-padding">
                                <table id="table5" class="table table-striped table-bordered table-hover table-nowrap"
                                       width="100%">
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--@formatter:off-->
<script>
    var Orderdata = {
        column: {:json_encode(array_keys($paylist))},
        paydata: {:json_encode(array_values($paylist))},
        createdata: {:json_encode(array_values($createlist))},
    };
</script>
<!--@formatter:on-->
